<template>
    <v-layout column justify-center class="mybase" style="box-sizing:inherit;width:254px;height: 240px;padding: 30px;">
        <v-layout align-center justify-center >
            <div style="font-size: 12px;font-weight: 600;color: #9ea0a5;">上个月发布的项目总数</div>
        </v-layout>
        <v-layout align-center justify-center>
            <div style="font-size: 36px;color: #3e3f42;">56</div>
        </v-layout>
        <v-layout align-center justify-center>
            <div style="font-weight: 500;color: #3bad4b;">+59.0%</div>
            <v-icon size="20" color="#3bad4b">unfold_more</v-icon>
        </v-layout>
        <lineChart height="53" :data="linedata" :id="id" style="position: relative;bottom: 0"></lineChart>
    </v-layout>

</template>

<script>
    import lineChart from './LineChart.vue'

    export default {
        name: "LineCard",
        components: {
            'lineChart': lineChart
        },
        props:{
            id:{
                type:String
            }
        },
        data() {
            return {
                linedata: [12, 25, 16, 35, 30, 40, 23, 27, 13, 9,52,0,0],
            }
        }
    }
</script>

<style scoped>

</style>
